<template>
  <div id="app">
    <jjy
      v-for="(item, index) in list"
      :key="index"
      :title="item.title"
      :url="item.url"
    ></jjy>
  </div>
</template>

<script>
import jjy from "./components/鞠婧祎.vue";

export default {
  components: {
    jjy,
  },

  data() {
    return {
      list: [
        {
          url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202104%2F04%2F20210404122758_2c825.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670765372&t=5a1f02ff422ae321fbeede9ea0ee08a6",
          title: "老婆",
        },

        {
          url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fww3.sinaimg.cn%2Fmw690%2F005wj4tdly1h7z59bmi5aj30u011i7b1.jpg&refer=http%3A%2F%2Fwww.sina.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670765372&t=21dd5897c8e5c974e36ce3cd9b911f2d",
          title: "宇宙无敌女友",
        },
        {
          url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202107%2F05%2F20210705171236_e2694.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670765372&t=9032396a8d4cbef1fd008669f6d99aeb",
          title: "可爱呐",
        },
        {
          url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202003%2F28%2F20200328042735_8zFBz.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670765785&t=288ef3f5a3a120b47fd31357af528e5b",
          title: "女朋友",
        },
      ],
    };
  },
};
</script>

<style>
#app {
  display: flex;
}
img {
  height: 200px;
}
</style>